<template>
    <div>
        <van-nav-bar 
        @click-left="onClickLeft"
        @click-right="onClickRight"
        >
        <ul slot="title" class='list'>
            <li>
                <a href="#/jx">精选</a>
            </li>
            <li>
                <a href="#/sp">视频</a>
            </li>
            <li>
                <a href="#/sc">商城</a>
            </li>
        </ul>
            <van-icon name="search" color='black' size='26' slot="right" />
             <van-icon :name="as" color='black' size='40px' slot="left" @click-left="onClickLeft"
          style="display:block;border-radius:50%;overflow:hidden"
          
           />
        </van-nav-bar>
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    name:'Find',
    data () {
        return {
      as: this.$store.state.plce,
           
        }
    },
    mounted () {
       
    },
    methods: {
        onClickLeft() {
        this.$router.push('/myspeed')
        },
        onClickRight() {
        this.$router.push('/search')
        },
    }
}
</script>

<style scoped>
.list{
    width: 255px;
    height: 40px;
    text-align: center;
}

.list li{
    width: 72px;
    height: 40px;
    float:left;
    margin-left: 5px;
}
.list li:hover{
    border-bottom: 3px solid gray;
}
.list li a{
color:black;
}
</style>